<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>丹棱-耙耙柑</title>
    <link rel="stylesheet" type="text/css" href="../hui/css/hui.css" />
</head>
<body>
<!--<header class="hui-header">
    <div id="hui-back"></div>
    <h1>果果</h1>
</header>-->
<div class="hui-wrap">
    <div class="hui-center-title"><a href="fruit_1.html"><h1>耙耙柑(跳转)</h1></a></div>
    <!--<div class="hui-text" style="text-align:center; padding:15px 0px;">测试</div>-->
    <style>
        .imgs{width:100%; margin-bottom:15px;}
    </style>
    <div class="hui-content" style="padding:10px;">
        <h2>耙耙柑特点</h2>
        <p>纯甜 细嫩多汁 化渣 不上火</p>

        <h2>耙耙柑适宜人群</h2>
        <p>老人 小孩 孕妇 青年</p>

        <h2>耙耙柑简介</h2>
        <p>耙耙柑，又叫春见，全称春见橘橙，即兴津44号，于1979年由日本国静冈县果树试验场以享有“柑橘皇后”之美誉的清见桔橙和F-2432椪柑杂交育成的最新品种。耙耙柑于1996年进行品种登记，因高糖、优质、果大、丰产而被推广，2001年从中国柑橘研究所引进，广泛种植于四川彭山县、蒲江县、丹棱县、仁寿县、金堂县，江西，湖南，福建等地，其中四川蒲江及丹棱出产的品质最佳。耙耙柑萌芽期3月上旬，现蕾期3月下旬，盛花期4月中旬，11中下旬完全着色，果实成熟期12月中旬，果实生育期270天左右。果实高扁圆形或倒阔卵形，果面较光滑，深橙色，富光泽，果皮薄，包着紧，但易剥皮。果肉深橙色，质地脆嫩多汁，极化渣，酸甜适口。耙耙柑与丑橘不知火杂柑相比，耙耙柑的果面较光滑，味道更好。</p>

        <h2>耙耙柑的营养价值</h2>
        <p>耙耙柑果肉可溶性固形物14.5%，可食率76.64%，富含人体所需的维C、铁、钙、磷、柠檬酸、胡萝卜素等微量元素，维生素C每100克含30.5毫克，含热量、碳水化合物、脂肪、蛋白质、纤维素、营养价值比同类水果高出很多。有生津止渴，化痰理气，具有高营养值，高药用价值。</p>

        <h2>耙耙柑的作用与功效</h2>
        <p>【性味】味甘、酸，性凉。 【归经】脾、胃、膀胱经。</p>
        <p>【功效】生津止渴、开胃下气，可解油腻、消积食、止渴、醒酒。</p>
    </div>
    <div style="padding:12px;">
        <img src="../imgs/1.jpg" class="imgs" />
        <img src="../imgs/2.jpg" class="imgs" />
        <img src="../imgs/3.jpg" class="imgs" />
        <img src="../imgs/4.jpg" class="imgs" />
        <img src="../imgs/5.jpg" class="imgs" />
        <img src="../imgs/6.jpg" class="imgs" />
        <img src="../imgs/7.jpg" class="imgs" />
        <img src="../imgs/8.jpg" class="imgs" />
    </div>
</div>
<script type="text/javascript" src="../hui/js/hui.js" charset="UTF-8"></script>
<!-- 使用 phoneSwipe 插件完成图片预览 -->
<!-- 引用 phoneSwipe 插件依赖的 css 及 js -->
<script type="text/javascript" src="../hui/plug-ins/phoneswipe/photoswipe.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../hui/plug-ins/phoneswipe/photoswipe-ui-default.min.js" charset="UTF-8"></script>
<link rel="stylesheet" href="../hui/plug-ins/phoneswipe/photoswipe.css" type="text/css" />
<!-- 以下为 phoneSwipe 插件 dom 复制即可 -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
        <div class="pswp__container" style="overflow:visible;">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="关闭"></button>
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //js 调用插件
    hui('.imgs').click(function(){
        var index = hui(this).index();
        previewImg(index);
    });
    function previewImg(index){
        var pswpElement = document.querySelectorAll('.pswp')[0];
        var items = [];
        //获取图片数据并填充近数组
        hui('.imgs').each(function(eimg){
            var imgObj = {src:eimg.getAttribute('src'), w:eimg.naturalWidth, h:eimg.naturalHeight};
            items.push(imgObj);
        });
        var options = {index: index};
        var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
        gallery.init();
    }
</script>
</body>
</html>